@v-bg-color: white;

.main-top{
    width:100%;
    height:100%;
    overflow: hidden;
    background-image: linear-gradient(to right, #0886a0, #43a1e8);
    color: #FFF;
    &>.logo {
        float: left;
        text-indent: 10px;
        &::before {
            content: ' ';
            display: inline-block;
            background: url('../images/logo_white.png') no-repeat;
            background-size: 20px;
            width: 20px;
            height: 20px;
            margin: 0 8px 0 30px;
            position: relative;
            top: 5px;
        }
        &::after {
            content: 'alpha';
            font-size: 1.5rem;
            line-height: 15px;
            margin-left: 2px;
            opacity: 0.6;
        }
    }
    &>.search {
        float: left;
        &>input{
            height: 25px;
            width: 220px;
            margin: 0px 30px;
        }
    }
    &>.account {
        float: right;
    }
}
